

var visual=false;//flag per identificare se gli elemeti dell'ordine sono 
                 //visualizzati se FALSE quest'ultimi non sono mostrati

/**
 * Permette di visualizzare i componenti di uno specifico ordine se viene 
 * premuto il pulsante di pull.
 */
$(function () {
    $('.riga').on('click', function(event) {
    	
        //assegno il campo id dellla riga cliccata
    	var visualizza=$(this).attr('id');

    	//assegno l'id del pulsante da cambiare
    	var pulsantedaSwitchare="p"+visualizza;
    	
    	
    	//Se gli elementi dell'ordine non sono mostrati,questi vengono 
    	//visualizzati se viene eseguito un click sul pulsante di pull della 
    	//riga corrisondente all'ordine.Viene quindi settato a TRUE la variabile 
    	//visual.
    	if(visual==false){
    		
    	  //Setto il campo display di style del tag <tr> inizialnente 
    	  //inizializzato a NONE a "".In questo modo vengono visualizzate le 
    	  //righe nascoste della tabella.  	
    	   $('.'+visualizza).css( "display", "" );
           $('#'+pulsantedaSwitchare).attr('class','glyphicon glyphicon-chevron-up');
    	   visual= true;
    	   
    	}
	
    	else{
    		
    		$('.'+visualizza).css( "display", "none" );
            $('#'+pulsantedaSwitchare).attr('class','glyphicon glyphicon-chevron-down');
            visual= false;
            
    	}
      
      });
    
    
    
 
});

